<template>
    <div class="index-pages">
        <header-view2></header-view2>
        <div class="index-header">
            <img class="slogan" src="../assets/images/data.png" alt="真房源">
            <div class="data-state">
                <div class="data-big">算法引算中!</div>
                <div class="data-tip">一切为了提供更精准的数据给你！10万条数据，<br/>本页面自动开放！敬请关注！</div>
                <div class="data-num">--<span>{{ dataNum }}</span>--</div>
            </div>
        </div>
        
        <footer-view></footer-view>
    </div>
</template>

<script>
import headerView2 from '../components/public/header2'

    export default {
        name: 'index',
        components:{headerView2},
        data() {
            return {
               dataNum:''
            };
        },
        computed:{
                
        },
        created() {
            this.getData();
        },
        methods: {
           getData(){
            this.$get('/api/website').then(res=>{
                this.dataNum = res.data.big_data;
            })
           }
        }
    };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    @import '../assets/css/index.css';

    .index-header {position: relative;}
    .data-state{position:absolute;bottom:40px;width:100%;color:#fff;text-align:center;}
    .data-big{font-size:45px;padding-bottom:10px;}
    .data-tip{font-size:16px;color:#9d9d9d;padding-bottom:33px;}
    .data-num span{font-size:25px;padding:0 5px;}
</style>
